<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="__CDN__/assets/libs/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="__CDN__/assets/libs/layuiadmin/style/admin.css" media="all">
</head>
<body>
<style>
    .layui-table{
        margin-top: 0;
    }
    .overflow{
        text-overflow:ellipsis;
        white-space:nowrap;
        overflow:hidden;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
            <div class="layui-row layui-col-space15">
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">快捷入口</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-shortcut">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="project">
                                                <i class="layui-icon layui-icon-transfer"></i>
                                                <cite>项目管理</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="mytask">
                                                <i class="layui-icon layui-icon-list"></i>
                                                <cite>我的任务</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="plan">
                                                <i class="layui-icon layui-icon-template-1"></i>
                                                <cite>我的计划</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="record">
                                                <i class="layui-icon layui-icon-form"></i>
                                                <cite>日志管理</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="meeting">
                                                <i class="layui-icon layui-icon-template"></i>
                                                <cite>会议纪要</cite>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs3">
                                            <a class="btn-addtabs" href="general/profile">
                                                <i class="layui-icon layui-icon-user"></i>
                                                <cite>信息设置</cite>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md6">
                    <div class="layui-card">
                        <div class="layui-card-header">待办事项</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-backlog">
                                <div carousel-item>
                                    <ul class="layui-row layui-col-space10">
                                        <li class="layui-col-xs6">
                                            <a lay-href="app/content/comment.html" class="layadmin-backlog-body">
                                                <h3>待办任务</h3>
                                                <p><cite>{$task}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="app/forum/list.html" class="layadmin-backlog-body">
                                                <h3>待做项目</h3>
                                                <p><cite>{$project}</cite></p>
                                            </a>
                                        </li>
                                        <li class="layui-col-xs6">
                                            <a lay-href="template/goodslist.html" class="layadmin-backlog-body">
                                                <h3>未完日志</h3>
                                                <p><cite>{$record}</cite></p>
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-col-md12">
                    <div class="layui-card">
                        <div class="layui-card-header">数据概览</div>
                        <div class="layui-card-body">

                            <div class="layui-carousel layadmin-carousel layadmin-dataview" data-anim="fade" lay-filter="LAY-index-heaparea">
                                <div carousel-item id="">
                                    <!-- 今日流量统计-->
                                    <div id="day-flowmain" style="width: 1040px;height:332px;"></div>
                                    <!-- 近七日流量统计-->
                                    <div id="flowmain" style="width: 1040px;height:332px;"></div>
<!--                                    <div id="day-flowmain" style="width: 100%;height:100%;"><i class="layui-icon layui-icon-loading1 layadmin-loading"></i></div>-->
<!--                                    <div id="flowmain" style="width: 100%;height:100%;"></div>-->
                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="layui-card" style="min-height: 500px;">
                        <div class="layui-tab layui-tab-brief layadmin-latestData">
                            <ul class="layui-tab-title">
                                <li class="layui-this" lay-id="11">任务</li>
                                <li lay-id="22">我的计划</li>
                                <li lay-id="33">我的日志</li>
                                <li lay-id="44">通知</li>
                            </ul>
                            <div class="layui-tab-content">
                                <div class="layui-tab-item layui-show">
                                    <!--                                    点击该Tab的任一标题，观察地址栏变化，再刷新页面。选项卡将会自动定位到上一次切换的项-->
                                    <div class="layui-col-md12">
                                        <table class="layui-table" lay-skin="line">
                                            <colgroup>
                                                <col width="150">
                                                <col width="">
                                                <col width="">
                                                <col width="">
                                                <col width="">
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>标题</th>
                                                <th>添加人</th>
                                                <th>项目</th>
                                                <th>状态</th>
                                                <th>创建时间</th>
                                            </tr>
                                            </thead>
                                            <tbody id="task" class="overflow">
                                            <!--放内容的地方1-->
                                        </table>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <div class="layui-col-md12">
                                        <table class="layui-table" lay-skin="line">
                                            <colgroup>
                                                <col width="150">
                                                <col width="150">
                                                <col width="200">
                                                <col>
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>名称</th>
                                                <th>类别</th>
                                                <th>项目</th>
                                                <th>时间</th>
                                            </tr>
                                            </thead>
                                            <tbody id="my-plan-info" class="overflow">
                                            <!--放内容的地方2-->
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <div class="layui-col-md12">
                                        <table class="layui-table" lay-skin="line">
                                            <colgroup>
                                                <col width="150">
                                                <col width="150">
                                                <col width="200">
                                                <col>
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>名称</th>
                                                <th>计划</th>
                                                <th>时间</th>
                                            </tr>
                                            </thead>
                                            <tbody id="my-record-info" class="overflow">
                                            <!--放内容的地方3-->
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div class="layui-tab-item">
                                    <div class="layui-col-md12">
                                        <table class="layui-table" lay-skin="line">
                                            <colgroup>
                                                <col width="300">
                                                <col width="150">
                                            </colgroup>
                                            <thead>
                                            <tr>
                                                <th>标题</th>
                                                <th>时间</th>
                                            </tr>
                                            </thead>
                                            <tbody id="notice" class="overflow">
                                            <!--放内容的地方1-->
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">版本信息</div>
                <div class="layui-card-body layui-text">
                    <table class="layui-table">
                        <colgroup>
                            <col width="100">
                            <col>
                        </colgroup>
                        <tbody>
                        <tr>
                            <td>当前版本</td>
                            <td>
                                <script type="text/html" template>
                                    v{$Think.config.oa.version}
                                </script>
                            </td>
                        </tr>
                        <tr>
                            <td>基于框架</td>
                            <td>
                                <script type="text/html" template>
                                    fastadmin-v{$Think.config.fastadmin.version}
                                </script>
                            </td>
                        </tr>
                        <tr>
                            <td>主要特色</td>
                            <td>便捷 / 响应式 / 清爽 / 极简</td>
                        </tr>
                        <tr>
                            <td>网址</td>
                            <td style="padding-bottom: 0;">
                                <div class="layui-btn-container">
                                    <a href="http://oa.z-creative.cn" target="_blank" class="layui-btn layui-btn-danger">快捷办公</a>
                                </div>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">效率报告</div>
                <div class="layui-card-body layadmin-takerates">
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>项目完成比（{$projectPercentageA}/{$projectPercentageB}）</h3>
                        <div class="layui-progress-bar" lay-percent="{$projectPercentage}%"></div>
                    </div>
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>当日日志提交比（{$recordPercentageA}/{$recordPercentageB}）</h3>
                        <div class="layui-progress-bar" lay-percent="{$recordPercentage}%"></div>
                    </div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">个人数据</div>
                <div class="layui-card-body layadmin-takerates">
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>任务完成率</h3>
                        <div class="layui-progress-bar" lay-percent="{$taskFinishPercentage}%"></div>
                    </div>
                    <div class="layui-progress" lay-showPercent="yes">
                        <h3>日志完成率</h3>
                        <div class="layui-progress-bar layui-bg-red" lay-percent="{$recordFinishPercentage}%"></div>
                    </div>
                </div>
            </div>

            <!--<div class="layui-card">
                <div class="layui-card-header">产品动态</div>
                <div class="layui-card-body">
                    <div class="layui-carousel layadmin-carousel layadmin-news" data-autoplay="true" data-anim="fade" lay-filter="news">
                        <div carousel-item>
                            <div><a href="http://fly.layui.com/docs/2/" target="_blank" class="layui-bg-red">layuiAdmin 快速上手文档</a></div>
                            <div><a href="http://fly.layui.com/vipclub/list/layuiadmin/" target="_blank" class="layui-bg-green">layuiAdmin 会员讨论专区</a></div>
                            <div><a href="http://www.layui.com/admin/#get" target="_blank" class="layui-bg-blue">获得 layui 官方后台模板系统</a></div>
                        </div>
                    </div>
                </div>
            </div>-->

            <div class="layui-card">
                <div class="layui-card-header">
                    OA系统
                    <i class="layui-icon layui-icon-tips" lay-tips="我们的oa系统" lay-offset="5"></i>
                </div>
                <div class="layui-card-body layui-text layadmin-text">
                    <p>oa系统用来管理统计员工的任务、计划、日志，方便公司事务管理。
                        2023年2月6日已纳入<strong>绩效考核</strong>。
                    </p>
                    <p>配合使用的项目<strong>禅道</strong> <a href="http://bug.z-creative.cn" target="_blank">传送门</a></p>
                    <p>中创和源智能科技有限公司（<a href="http://www.z-creative.cn/" target="_blank">官网链接</a>）</p>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>

